﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>

$(function(){
	var layout = [
		".pop_wechat_1",
		".pop_wechat_2",
		".pop_wechat_3",
		".pop_wechat_4",
		".pop_wechat_click",
		".talk",
		".talk_box_1",
		".talk_box_2",
		".talk_box_3"
	]
	var timeDelay = [ .5,.4,.6,.3,.8,.1,.8,.6,.2 ];
	var timeDurat = [ .3,.3,.3,.3,.3,.3,.3,.1,.1 ];
	addAnimate(timeDelay,timeDurat,layout);
	setTimeout(function(){ window.parent.nextAnimation('page1_write.html'); },page_total*1000);
	
	setTimeout(function(){
		window.parent.playBg();
	},100);
	
	setTimeout(function(){
		window.parent.playMessage();
	},timeDelay[0]*1000);
	
	setTimeout(function(){
		window.parent.playMessageGroup(2);
	},timeDelay[1]*1000);
	
	setTimeout(function(){
		window.parent.playMessageGroup(3);
	},timeDelay[2]*1000);
	
	setTimeout(function(){
		window.parent.playMessage();
	},timeDelay[3]*1000);
});
</script>

<style>
	.pop_wechat{animation-name: pop_show;}
	.pop_wechat_click{animation-name: pop_click;}
	.talk{left: 100%; animation-name: window_show;}
	.hide_box{animation-name: show;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_0"></dl></div>
	<div class="lock_first">
		<div class="lock_time">
			<h2 class="time_point_0"></h2>
			<h3>9月14日 星期五</h3>
			<h4>戊戌年八月初五</h4>	
		</div>
	</div>
	<div class="home_pop">
		<div class="pop_wechat_click">
			<div class="pop_wechat pop_wechat_4">
				<dl>
					<s>现在</s>
					<h4><i></i><em>微信</em></h4>
					<h2>丸子小学102班家长群</h2>
					<h3>王老师：@all 这周的课外拓展作业...</h3>
				</dl>
			</div>
		</div>
		<div class="pop_wechat pop_wechat_3">
			<dl>
				<s>现在</s>
				<h4><i></i><em>微信</em></h4>
				<h2>公司内部交流群</h2>
				<h3>老板：@Mrs 李 你方案写好了吗</h3>
			</dl>
		</div>
		<div class="pop_wechat pop_wechat_2">
			<dl>
				<s>现在</s>
				<h4><i></i><em>微信</em></h4>
				<h2>老板</h2>
				<h3>上次新增的需求怎么没放到方案里？</h3>
			</dl>
		</div>
		<div class="pop_wechat pop_wechat_1">
			<dl>
				<s>现在</s>
				<h4><i></i><em>微信</em></h4>
				<h2>英语辅导2班家长交流群</h2>
				<h3>赵老师：家长们好，第二期课程需要报名的</h3>
			</dl>
		</div>
	</div>
	<div class="talk">
		<div class="talk_list talk_list_out">
			<div class="talk_list_in talk_list_in_top">
				<div class="talk_time"><em class="time_point_0"></em></div>
				<dl class="talk_parent_0"></dl>
				<div class="hide_box talk_box_1">
					<dl class="talk_parent_1"></dl>
				</div>
				<div class="hide_box talk_box_2">
					<dl class="talk_parent_2"></dl>
				</div>
				<div class="hide_box talk_box_3">
					<dl class="talk_parent_3"></dl>
				</div>
			</div>
		</div>
		<div class="talk_top"><dl>丸子小学102班家长群(38)</dl></div>
		<div class="talk_bottom">
			<div class="talk_bottom_input talk_input"></div>
		</div>
	</div>
</div>

</body>
</html>